<template>
  <view>
    <svg :style="{width:width,height:height}" class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
      <path
        :fill="fill"
        d="M10.491 2.13c2.29-.159 3.555 1.585 4.28 2.415l.458.511L19.418 9.7l-2.602 2.63-4.853-5.054-4.952 5.363 4.802 5.312 5.054-5.364.678-.019c.951-.024 2.653-.053 3.424.02.769.072.976.37 1.031.543C21.69 18.636 17.337 23 12.01 23 6.48 23 2 18.301 2 12.505c0-5.256 3.684-9.609 8.491-10.376ZM22 6.764l-2.112 2.132-.068-.091c-.692-.926-6.47-8.522-8.836-7.066l-.069.046c.194-.14 5.092-3.54 11.085 4.98Z"
        
      />
    </svg>
  </view>
</template>
<script>
export default {
  props: {
    fill: {
        type:String,
        default:'#f00000'
    },
    width:{
      type:String,
      default:'112rpx'  
    },
    height:{
      type:String,
      default:'112rpx'  
    },
  },
  mounted() {
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>
